<template>
	<view>
		<view class="header" :style="{'height':statusBarHeight+'px'}">
			<view class="navon" :style="{'height':statusBarHeight+'px','padding-top':statusBarHeight1+'px'}">
				<view class="header-back" @click="goBack()">
					<i class="iconfont" style="font-size: 20px;">&#xe605</i>
				</view>
				<view class="search-input" :style="{'height':(titleBarHeight)+'px'}">
					<input type="text" placeholder="请输入搜索内容" v-model="searchContent" @confirm="search(isSelected)"
						confirm-type="search" />
					<i class="iconfont" style="padding-left: 60rpx;" @click="search(isSelected)">&#xe60a</i>
				</view>
			</view>
		</view>
		<!-- <u-sticky> -->
		<view class="tab" :style="{'top':statusBarHeight+'px'}">
			<u-tabs @click="click" :current="currentTab" :list="tablist" lineWidth="30" lineColor="#f56c6c" keyName="name" :activeStyle="{
			    color: '#303133',
			    fontWeight: 'bold',
			    transform: 'scale(1.05)'
			}" :inactiveStyle="{
			    color: '#606266',
			    transform: 'scale(1)'
			}" itemStyle="padding:0 40rpx; height: 34px;">
			</u-tabs>
		</view>
		<!-- </u-sticky> -->
		<view class="container" :style="{'top':statusBarHeight+'px'}">
			<view class="orderList" v-for="(item,index) in orderList" >
				<view @click="handleOrderDetail(item)">
					<view class="status">
						<view class="status status0" v-if="item.status == 100">
							{{item.status_texts}}
						</view>
						<view class="status status1" v-if="item.status == 0">
							{{item.status_texts}}
						</view>
						<view class="status status2" v-if="item.status == 1">
							{{item.status_texts}}
						</view>
						<view class="status status3" v-if="item.status == 2">
							{{item.status_texts}}
						</view>
						<view class="status status4" v-if="item.status == 3 || item.status == 4 || item.status == 5 ">
							{{item.status_texts}}
						</view>
						<view class="status status5" v-if="item.status == 6">
							{{item.status_texts}}
						</view>
						<view class="status status6" v-if="item.status == '-1'">
							{{item.status_texts}}
						</view>
					</view>
					<view class="con2">
						<view class="l1">
							<image style="width: 26px;height: 26px;border-radius:50%;margin: 0 16rpx 0 30rpx;" :src="item.daren_avatar" mode="aspectFill" ></image>
							{{item.daren_nickname}}
							<image src="https://pw.qyang.cc/static/svg/icon-realname.svg" v-if="item.daren_is_real" style="width: 30rpx;height: 30rpx;margin-left:18rpx;">
							</image>
							<view class="l1-sex1" v-if="item.daren_gender == 1" style="margin-left: 16rpx;">
								<image src="https://pw.qyang.cc/static/sexW.png" style="width: 20rpx;height: 20rpx;margin-right: 4rpx;">
								</image>{{item.daren_age}}
							</view>
							<view class="l1-sex2" v-if="item.daren_gender == 0" style="margin-left: 16rpx;">
								<image src="https://pw.qyang.cc/static/sexM.png" style="width: 20rpx;height: 20rpx; margin-right: 4rpx;">
								</image>{{item.daren_age}}
							</view>
						</view>
						
					</view>
					
					<view class="con5" v-if="item.status==1||item.status==2 ||item.status==6">
						<view class="con5-1" v-if="item.isTime==0">
							<i class="iconfont" style="font-style:normal;margin-right: 10rpx;">&#xe65f;</i>
							剩余时间{{item.excessTime}}
						</view>
						<view class="con5-1 con5-11" v-if="item.isTime==1">
							<i class="iconfont" style="font-style:normal;margin-right: 10rpx;">&#xe65f;</i>
							已超时{{item.excessTime}}
						</view>
						<view class="con5-2" v-if="item.status==1">
							30分钟内，达人未接单，订单将自动取消
						</view>
						<view class="con5-2" v-if="item.status==2">
							30分钟内，未选择达人，系统将自动为你匹配
						</view>
					</view>
					<!-- <view class="con5" v-if="item.status==1">
						<view class="con5-1" v-if="item.isTime==0">
							<i class="iconfont" style="font-style:normal;margin-right: 10rpx;">&#xe65f;</i>
							剩余时间{{item.excessTime}}
						</view>
						<view class="con5-1 con5-11" v-if="item.isTime==1">
							<i class="iconfont" style="font-style:normal;margin-right: 10rpx;">&#xe65f;</i>
							已超时{{item.excessTime}}
						</view>
					</view> -->
				
					<view class="con1">
						<view class="con1-item">
							<image src="https://pw.qyang.cc/static/svg/order-icon-0.svg" mode=""></image><span>{{item.title}}</span>
						</view>
						<view class="con1-item">
							<image src="https://pw.qyang.cc/static/svg/biao.svg" mode=""></image> <span>{{item.time_text}}</span>
						</view>
						<view class="con1-item">
							<image src="https://pw.qyang.cc/static/svg/dingwei.svg" mode=""></image> <span>{{item.address}}</span>
						</view>
						<view class="con1-item" v-if="item.type == 0">
							<image src="https://pw.qyang.cc/static/svg/order-icon-3.svg" mode=""></image> 
							<span>{{item.level_title}}</span>
							
						</view>
						<!-- <view class="con1-item">
							<image src="https://pw.qyang.cc/static/svg/order-icon-3.svg" mode=""></image> 不指定区域
						</view> -->
					</view>
					<!-- 价格 -->
					<view class="con3">
							<view style="display: flex;align-items: center;">
								{{item.total_price}}元 
								<span class="con3-text">
									（服务费: 
									<span class="money">{{item.price}}元 </span> 
									路费:
									<span class="money">{{item.address_price}}元
									</span>）
									</span>
							</view>
					
					</view>
					
					<view class="con3">
							<view style="display: flex;align-items: center;">
							
							</view>
							<view class="con3-tab" v-if="item.status==3">
								<view class="dian"></view>待出发
							</view>
							<view class="con3-tab" v-if="item.status==4">
								<view class="dian"></view>已出发
							</view>
							<view class="con3-tab" v-if="item.status==5">
								<view class="dian"></view>已到达
							</view>
					
					</view>
				</view>
				<view class="con4" v-if="item.status==100&&item.eva_status==0">
					<image class="con4-image" src="https://pw.qyang.cc/static/icon-phone.png" mode="" @click="toPhone(item.daren_mobile)"></image>
					<image class="con4-image" src="https://pw.qyang.cc/static/svg/message.svg" mode=""  @click="toMessage(item)"></image>
					<view class="con4-btn" v-if="item.eva_daren_status==1" @click.stop="lookEva(item,1)">
						评价我
					</view>
					<view class="con4-btn con4-btn1" v-if="item.eva_status==0" @click.stop="commentOrder(item)">
						写评价
					</view>
				</view>
				<view class="con4" v-else-if="item.status==100 && item.eva_status==1">
					<view class="con4-btn" v-if="item.eva_daren_status==1" @click.stop="lookEva(item,1)">
						达人评价
					</view>
					<view class="con4-btn" v-if="item.eva_status==1" @click.stop="lookEva(item,2)">
						用户评价
					</view>
				</view>
				<view class="con4" v-if="item.status==0">
					<image class="con4-image" v-if="item.daren_id" src="https://pw.qyang.cc/static/icon-phone.png" mode="" @click="toPhone(item.daren_mobile)"></image>
					<image class="con4-image" v-if="item.daren_id" src="https://pw.qyang.cc/static/svg/message.svg" mode=""  @click="toMessage(item)"></image>
					<view class="con4-btn" @click.stop="cancelOrder(item)">
						取消订单
					</view>
					<view class="con4-btn con4-btn1" @click.stop="payOrder(item)">
						付款
					</view>
				</view>
				<view class="con4" v-if="item.status==1">
					<image class="con4-image" src="https://pw.qyang.cc/static/icon-phone.png" mode="" @click="toPhone(item.daren_mobile)"></image>
					<image class="con4-image" src="https://pw.qyang.cc/static/svg/message.svg" mode=""  @click="toMessage(item)"></image>
					<view class="con4-btn" @click.stop="cancelOrder(item)">
						取消订单
					</view>
					<view class="con4-btn" @click.stop="editAddress(item)">
						修改地址
					</view>
				</view>
				<view class="con4" v-if="item.status==2">
					<!-- <image class="con4-image" src="https://pw.qyang.cc/static/svg/message.svg" mode=""  @click="toMessage(item)"></image> -->
					<view class="con4-btn" @click.stop="cancelOrder(item)">
						取消订单
					</view>
					<view class="con4-btn" @click.stop="editAddress(item)">
						修改地址
					</view>
					<view class="con4-btn con4-btn1" v-if="!item.daren_id"  @click.stop="showUserList(item)">
						选达人
					</view>
					<view class="con4-btn con4-btn1" v-else @click.stop="toPayAddress(item)">
						付路费
					</view>
				</view>
				<view class="con4" v-if="item.status==3 ">
					<image class="con4-image" src="https://pw.qyang.cc/static/icon-phone.png" mode="" @click="toPhone(item.daren_mobile)"></image>
					<image class="con4-image" src="https://pw.qyang.cc/static/svg/message.svg" mode="" @click="toMessage(item)"></image>
					<view class="con4-btn" @click.stop="cancelOrder(item)">
						取消订单
					</view>
					<view class="con4-btn" @click.stop="editAddress(item)">
						修改地址
					</view>
				</view>
				<view class="con4" v-if="item.status==4 ">
					<image class="con4-image" src="https://pw.qyang.cc/static/icon-phone.png" mode="" @click="toPhone(item.daren_mobile)"></image>
					<image class="con4-image" src="https://pw.qyang.cc/static/svg/message.svg" mode=""  @click="toMessage(item)"></image>
					<view class="con4-btn" @click="toPhone('110')">
						求助
					</view>
					<view class="con4-btn" @click.stop="cancelOrder(item)">
						取消订单
					</view>
					<view class="con4-btn" @click.stop="editAddress(item)">
						修改地址
					</view>
				</view>
				<view class="con4" v-if="item.status==5">
					<image class="con4-image" src="https://pw.qyang.cc/static/icon-phone.png" mode="" @click="toPhone(item.daren_mobile)"></image>
					<image class="con4-image" src="https://pw.qyang.cc/static/svg/message.svg" mode=""  @click="toMessage(item)"></image>
					<view class="con4-btn"  @click="toPhone('110')">
						求助
					</view>
					<view class="con4-btn" @click.stop="cancelOrder(item)">
						取消订单
					</view>
					<view class="con4-btn con4-btn1" @click.stop="handleCode(item)">
						核销码
					</view>
				</view>
				<view class="con4" v-if="item.status==6">
					<image class="con4-image" src="https://pw.qyang.cc/static/icon-phone.png" mode="" @click="toPhone(item.daren_mobile)"></image>
					<image class="con4-image" src="https://pw.qyang.cc/static/svg/message.svg" mode=""  @click="toMessage(item)"></image>
					<view class="con4-btn"  @click="endOrder(item)">
						结束服务
					</view>
					<view class="con4-btn"  @click="toPhone('110')">
						求助
					</view>
					<view class="con4-btn con4-btn1" @click.stop="chooseService2(item)">
						追加服务
					</view>
				</view>
				<view class="con4" v-if="item.status==-1">
					<view class="con4-btn" @click="delOrder(item)">
						删除订单
					</view>
				</view>
			</view>
		</view>

		<u-popup :show="showTip1" mode="center" :safeAreaInsetBottom="false" @close="showTip1=false" @open="showTip1=true" 
			round="10">
			<view class="pop-bg-2">
				提示
				<view class="text">
					确认取消订单？<br />
					{{cancelInfo.daren_gender==1?'小哥哥':'小姐姐'}}{{cancelInfo.status_text}}<br />
					取消将收取{{cancelInfo.refund}}元服务费哦
				</view>
				<view class="btn">
					<view class="confirm" @click="showTip1=false">我再想想</view>
					<view class="cancel" style="margin-right:0" @click="confirmTip1">确认取消</view>
				</view>
			</view>
		</u-popup>
		<u-popup :show="showTip2" :safeAreaInsetBottom="false" mode="center" @close="showTip2=false" @open="showTip2=true" 
			round="10">
			<view class="pop-bg-2" style="width: 260px;">
				提示
				<view class="text">
					确认取消订单？
				</view>
				<view class="btn">
					<view class="confirm" @click="showTip2=false">我再想想</view>
					<view class="cancel" style="margin-right:0" @click="confirmTip2">确认取消</view>
				</view>
			</view>
		</u-popup>

		<u-popup :show="showService" mode="bottom" @close="showService=false" @open="openService" closeOnClickOverlay
			round="10">
			<view class="order-content">
				<!-- <view class="guanggao" v-if="isGuanggao">
					<image @click="delGuanggao" class="del" src="https://pw.qyang.cc/static/hongbao-del.png" mode=""></image>
				</view> -->

				<view class="content-item" v-for="(item, index) in payInfo.data" :key="index"
					@click="selectServiceItem(item)" :style="{ backgroundColor: item.selected? '#FFE2E5;' : '',
		        border: item.selected? '1px solid #000000' : '' }">
					<image :src="rq.imgUrl(item.image)" mode="aspectFit"></image>
					<view class="item1">
						<view class="name">
							{{item.name}}
						</view>
						<view class="text1" style="width: 300rpx;">
							{{item.price}}元/小时 
							<!-- <span class="text11">不熟练11111111111</span> -->
						</view>
					</view>
					<view class="item2">
						<view class="text2">
							<u-number-box disableMinus>
								<view slot="minus" class="minus disabled">
									<u-icon name="minus" color="#f6f6f6" size="12"></u-icon>
								</view>
								<text slot="input" class="input">{{item.times}}</text>
								<view slot="plus" class="plus disabled">
									<u-icon name="plus" color="#f6f6f6" size="12"></u-icon>
								</view>
							</u-number-box>
						</view>
					</view>

				</view>

				<view class="bottom">
					<!-- <view class="text" @click="reset()">重置</view> -->
					<view class="btn" @click="toPay()">去支付 {{payInfo.real_price}} 元</view>
				</view>
			</view>
		</u-popup>
		
		<u-popup :show="showService2" mode="bottom" @close="showService2=false"   closeOnClickOverlay
			round="10">
			<view class="order-content">
				<view class="content-item" v-for="(item, index) in serviceList" :key="index"
					@click="selectServiceItem(item)" :style="{ backgroundColor: item.selected? '#FFE2E5;' : '',
		        border: item.selected? '1px solid #000000' : '' }">
					<image :src="rq.imgUrl(item.image)" mode="aspectFit"></image>
					<view class="item1">
						<view class="name">
							{{item.name}}
						</view>
						<view class="text1" style="width: 300rpx;">
							{{item.price}}元/小时 
							<!-- <span class="text11">不熟练11111111111</span> -->
						</view>
					</view>
					<view class="item2">
						<view class="text2">
							<u-number-box v-model="item.times" min=0  @input="makeZhuijiaMoney">
								<view slot="minus" class="minus">
									<u-icon name="minus" color="#FF7681" size="12"></u-icon>
								</view>
								<text slot="input" class="input">{{item.times?item.times:0}}</text>
								<view slot="plus" class="plus">
									<u-icon name="plus" color="#ffffff" size="12"></u-icon>
								</view>
							</u-number-box>
						</view>
					</view>
		
				</view>
		
				<view class="bottom">
					<view class="text" @click="reset()">重置</view>
					<view class="btn" @click="toPay2()">去支付 {{zhuijiaMoney}} 元</view>
				</view>
			</view>
		</u-popup>
		<!-- 从派单下单 -->
		<u-popup :show="showOrderDetail" :round="10" mode="bottom" closeable @close="showOrderDetail=false"
			@open="showOrderDetail=true">
			<view class="pop-content-detail">
				<view class="content-title">
					订单详情
				</view>
				<view class="content-detail">
					<orderDetail :orderId="orderId" @clickParent="chooseTalent" :orderInfo="orderInfo" :orderStatus="orderStatus" ></orderDetail>
				</view>
			</view>
		</u-popup>
		<!-- 从达人下单 -->
		<u-popup :show="showOrderDetail1" :round="10" mode="bottom" closeable @close="showOrderDetail1=false"
			@open="showOrderDetail1=true">
			<view class="pop-content-detail">
				<view class="content-title">
					订单详情
				</view>
				<view class="content-detail">
					<orderDetailTalent :orderId="orderId" :orderInfo="orderInfo" :orderStatus="orderStatus">
					</orderDetailTalent>
				</view>
			</view>
		</u-popup>
		
		<!-- 抢单达人 -->
		<u-popup :show="showUserModel" :round="10" mode="bottom" closeable 
			@close="hideUserModel()"
			@open="showUserModel=true">
			<view class="pop-content-detail">
				<view class="content-title" style="background-color: #FFF;">
					选择达人
				</view>
				<view class="content-detail">
					<view class="userCon" v-if="orderUserInfo.userList" v-for="(item,index) in orderUserInfo.userList" 
					@click="darenSelectedInfo=item">
						<view  class="userConView" >
							<view class="userAvatarView" >
								<image :src="rq.imgUrl(item.avatar)" mode="aspectFill" ></image>
							</view>
								<view>
									<view style="display: flex; padding-top: 40rpx;">
										<view style="display: flex; width: 470rpx;">
											<view style="font-size: 35rpx; font-weight: bold;">{{item.nickname}}
											</view>
											<image src="https://pw.qyang.cc/static/svg/icon-realname.svg"  style="width: 30rpx;height: 30rpx;margin: 0 20rpx;">
											</image>
											<view class="l1-sex1" v-if="item.gender == 1" >
												<image src="https://pw.qyang.cc/static/sexW.png" class="wh20mr10">
												</image>{{item.age}}
											</view>
											<view class="l1-sex2" v-if="item.gender == 0">
												<image src="https://pw.qyang.cc/static/sexM.png" class="wh20mr10">
												</image>{{item.age}}
											</view>
										</view>
										<view>
											<image src="https://pw.qyang.cc/static/commit-success.png" 
											v-if="darenSelectedInfo.id==item.id"
											class="userConChickedImgae"></image>
											<image src="https://pw.qyang.cc/static/selected-null.png"
											v-else 
											class="userConChickedImgae"></image>
										</view>
									</view>
									<view class="cmkg">
										<span>{{item.cm}}cm</span>
										<span>{{item.kg}}kg</span>
										 
									</view>
								</view>
								<view style="clear: both;"></view>
								
							</view>
							<view class="userConBottom">
								<view style="width: 200rpx;">
									<image src="https://pw.qyang.cc/static/my/tubiao/Frame-3.png" style="width: 24rpx;height: 24rpx;margin-right: 10rpx;">{{item.juli}}km
								</view>
								<view style="width: 280rpx;">{{item.createDate}}</view>
								<view style="width: 200rpx;">路费 <span style="color: #FF5866; padding-left: 10rpx;">{{item.addressPrice}}元</span></view>
								
							</view>
						
							
					</view>
							<button class="fixed-big-button" @click="chooseDaren(orderUserInfo)">确认选择</button>
					<view>
						
					</view>
				</view>
			</view>
		</u-popup>
		
		
		<u-popup :show="showAddress" mode="bottom" @close="showAddress=false"  :closeable="true" round="10">
				<view class="pop-bg">
				  <view class="title">修改地址</view>
				  <view class="bg">
					<view class="address_title">地址</view>
					<view class="address_con" @click="chooseAddress">
						<view class="address_city">
							<text>{{addressInfo.city}}</text>
							<u-icon name="arrow-right" size="12" color="#C6C6C6"></u-icon>
						</view>
						<text class="address_text">{{addressInfo.address}}</text>
					</view>
					<view class="address_money">
						{{addressInfo.priceType==1?`需补差额：${addressInfo.price}元`:addressInfo.priceType==2?`将退差额：${addressInfo.price}元`:''}}
					</view>
				  </view>
				  <view class="btn">
					  <view class="cancelAddress" @click="showAddress=false">取消</view>
					<view class="confirmAddress" @click="payAddress">{{addressInfo.priceType==1?`支付${addressInfo.price}元`:'确认'}}</view>
				  </view>
				</view>
		  </u-popup>
		<!-- 服务完成弹窗 -->
		
		<u-popup :show="showComplete" :round="10" mode="bottom" @close="() => { fileList2=[];showComplete = false; }"
			@open="showComplete=true" :closeable='true'>
			<view class="confirmArrive">
				<view class="confirm">完成确认</view>
				<view class="" style="padding: 0 50rpx;display: flex;align-items: center;">
					<text class="myaddress">上传图片</text>
					<text style="font-size: 24rpx;color: #999;">(最多上传6张)</text>
				</view>
				<view class="upImage" style="padding: 0 50rpx;">
					<u-upload :fileList="fileList2" @afterRead="afterRead1" @delete="deletePic1" name="1" multiple
						:maxCount="6">
						<view class="btn">
							<image src="https://pw.qyang.cc/static/pic-add.png" mode=""></image> 添加图片/视频
						</view>
					</u-upload>
				</view>
		
				<view class="location" style="padding: 0 50rpx;">
		
					<view class="" style="display: flex;align-items: center;">
						<view class="">
							<image src="https://pw.qyang.cc/static/location.png" mode=""
								style="width: 26rpx;height: 30rpx;display: block;margin-right: 10rpx;"></image>
						</view>
						<view class="" style="font-size: 28rpx;">
							{{myAddress.address}}
						</view>
					</view>
					<view class="" style="display: flex;font-size: 28rpx;" @click="getMyAddress(true)">
						{{reloadText}}
						<u-icon name="reload"></u-icon>
					</view>
		
				</view>
				<view class="popBtn">
					<view class="cancelBtn" @click="() => { fileList2=[];showComplete = false; }">
						取消
					</view>
					<view class=confirmBtn @click="doEndOrder">
						确认完成
					</view>
				</view>
			</view>
		</u-popup>
	</view>
</template>
<script>
	export default {
		data() {
			return {
				darenSelectedInfo:{},
				currentTab:0,
				zhuijiaMoney:0,
				searchContent: '',
				orderId: '',
				orderStatus: '',
				orderInfo: {},
				currentOrder:{},
				showTip1: false,
				showTip2: false,
				showService: false,
				showQuan: false,
				showOrderDetail: false,
				showOrderDetail1: false,
				isSelected: 0,
				isGuanggao: true,
				statusBarHeight: 0,
				statusBarHeight1: 0,
				titleBarHeight:0,
				reloadText: "更新定位",
				statusArr:[],
				quanItem: null,
				selectedQuanItem: null,
				selectedServiceList: [],
				numValue: 1,
				tablist: [{
						name: '全部',
						array:[],
					}, {
						name: '待付款',
						array:[0],
					}, {
						name: '待接单',
						array:[1],
					},
					{
						name: '选达人',
						array:[2],
					}, {
						name: '已接单',
						array:[3,4,5],
					}, {
						name: '服务中',
						array:[6],
					},
					{
						name: '已完成',
						array:[100],
					}, {
						name: '已取消',
						array:[-1],
					}
				],
				quanListOld: [{
					name: '七夕送好礼满减优惠券1',
					time: '2024/07/01 - 2024/08/01',
					money: '50',
					text: '满100可抵用'
				}, {
					name: '七夕送好礼满减优惠券2',
					time: '2024/07/01 - 2024/08/01',
					money: '50',
					text: '满100可抵用'
				}, {
					name: '七夕送好礼满减优惠券3',
					time: '2024/07/01 - 2024/08/01',
					money: '50',
					text: '满100可抵用'
				}],
				quanList:[],
				serviceList: [],
				orderList: [],
				orderData:[],
				cancelInfo:[],
				addressInfo:{},
				showAddress:false,
				payInfo:[],
				showService2:false,
				zhuijiaInfo:[],
				orderUserInfo:[],
				showUserModel:false,
				addressList:[],
				showComplete:false,
				fileList2:[],
				myAddress:{},
				currentOrder:null,
			};
		},
		onLoad(option) {
			if(option.type){
				this.currentTab=option.type
				this.statusArr=this.tablist[this.currentTab].array
				
			}
			this.getMyAddress(true)
			uni.getSystemInfo({
				success: (res) => {
					// #ifdef MP-WEIXIN
						this.statusBarHeight1 = uni.getMenuButtonBoundingClientRect().top;
						this.titleBarHeight = uni.getMenuButtonBoundingClientRect().height;
						this.statusBarHeight = this.titleBarHeight + this.statusBarHeight1;
					// #endif	
					// #ifndef MP-WEIXIN
						this.statusBarHeight = res.statusBarHeight * 1 + 46;
						this.statusBarHeight1 = res.statusBarHeight;
					// #endif
				},
			});		
		},
		onShow() {
			this.getData();
		},
		/**
		 * 页面上拉触底事件的处理函数
		 */
		onReachBottom() {
			this.page++
			this.getList()
		},
		methods: {
			hideUserModel(){
				this.darenSelectedID=0;
				this.orderUserInfo=[];
				this.showUserModel=false
			},
			delOrder(item){
				var that=this
				uni.showModal({
					title:"删除订单",
					content:"请确认删除订单~",
					success(res) {
						if (res.confirm) {
						  that.doDelOrder(item)
						} else if (res.cancel) {
						  console.log('用户点击取消');
						}
					}
					
				})
			},
			lookEva(item,type){
				// console.log('/pages/workbench/lookevaluate?id=' + item.id+'&type='+type)
				uni.navigateTo({
					url: '/pages/workbench/lookevaluate?id=' + item.id+'&type='+type
				})
				
			},
			getMyAddress(q){
				this.reloadText="更新中~";
				var that = this
				uni.getLocation({
					type: 'gcj02',
					isHighAccuracy: true,
					success: r => {
						uni.setStorageSync("dingwei", {
							lat: r.latitude,
							lng: r.longitude
						})
						that.lng=r.longitude
						that.lat=r.latitude
						that.rq.getData('daren/getAddress', {
							lng: r.longitude,
							lat: r.latitude
						}).then(res => {
							if (res.code == 1 && res.data.pois && res.data.pois[0] && res.data.pois[0].ad_info ) {
								var dw = {
									// id: res.data.id,
									shortname: res.data.pois[0].ad_info.city,
									lat: r.latitude,
									lng: r.longitude,
									province: res.data.pois[0].ad_info.province,
									city: res.data.pois[0].ad_info.city,
									district: res.data.pois[0].ad_info.district,
									address: res.data.address,
								}
								that.myAddress = dw
								uni.setStorageSync('myaddress', dw)
							}else{
								uni.showToast({
									title:"地址信息获取失败"
								})
							}
							
							this.reloadText="更新定位"
						})
					},
					fail: (err) => {
						console.log(err)
						this.reloadText="更新定位"
					},
					complete: () => {}
				});
			},
			doDelOrder(item){
				var that=this
				this.rq.getData('order/del',{order_id:item.id}).then(res=>{
					  uni.showToast({
						title:res.msg,
						icon:'none'
					  })
					  that.getData()
				})
			},
			endOrder(item){
				// var that=this
				// uni.showModal({
				// 	title:"结束服务",
				// 	content:"请确认结束服务~",
				// 	success(res) {
				// 		if (res.confirm) {
				// 		  that.doEndOrder(item)
				// 		} else if (res.cancel) {
				// 		  console.log('用户点击取消');
				// 		}
				// 	}
					
				// })
				this.currentOrder = item
				this.showComplete = true
				
			},
			showUserList(item){
				this.orderUserInfo=item
				this.showUserModel=true
			},
			doEndOrder(item){
				var that=this
				var imageArr=[];
				var image='';
				let dw = uni.getStorageSync('dw')
				
				if(this.fileList2.length==0){
					uni.showToast({
						title:'请上传图片或视频',
						icon:'none'
					})
					return
				}
				for(var it of this.fileList2){
					imageArr.push(it.url)
				}
				
				image=imageArr.join(',')
				
				this.rq.getData('order/setStatus',{order_id:this.currentOrder.id,status:100,lng:dw.lng,lat:dw.lat,image:image}).then(res=>{
					  uni.showToast({
						title:res.msg,
						icon:'none'
					  })
					  that.getData()
					  this.showComplete = false
					  this.fileList2 = []
				}).catch(err=>{
					 this.showComplete = false
				})
			},
			toMessage(item){
				uni.navigateTo({
					url:"/subpages/message/chat?id="+item.daren_id+"&address="+item.address+"&lng="+item.lng+"&lat="+item.lat+"&type=order"
				})
			},
			toPhone(phone){
				  uni.makePhoneCall({
					phoneNumber: phone, // 电话号码
					success: function () {
					  console.log('拨打电话成功！');
					},
					fail: function (err) {
					  console.error('拨打电话失败：', err);
					}
				  });
			},
			getData(){
				this.page=1;
				this.getList();
			},
			
			getList(){
				var that = this;
				var page=this.page;
				if(!page){page=1}
				if(this.page == 1){
					this.orderList = [];
				}
				if(this.orderData.last_page && page>1 && page>this.orderData.last_page){
					return;
				}
				this.rq.getData('order/getOrderList', {
					text:this.searchContent,
					status:this.statusArr,
					type:'user',
					page:page
				}).then(res => {
					if (res.code == 1) {
						this.orderList = this.orderList.concat(res.data.data);
						this.orderData = res.data
					} else {
						uni.showToast({
							title:res.msg,
							icon:'none'
						})
					}
				})

			},
			goBack() {
				uni.navigateBack({
					delta: 1 // 默认值是1，表示返回的页面层数
				});
			},
			async editAddress(item){
				this.showAddress = true
				this.currentOrder = item
				
				const {data} = await this.rq.getData('daren/getAddress',{lat:item.lat,lng:item.lng})
				this.$set(this.addressInfo,'city',data.pois[0].ad_info.province+data.pois[0].ad_info.city+data.pois[0].ad_info.district)
				this.$set(this.addressInfo,'address',item.address)
				this.$set(this.addressInfo,'lat',item.lat)
				this.$set(this.addressInfo,'lng',item.lng)
				this.$set(this.addressInfo,'n_price',item.address_price)
			},
			payAddress(){
				let params = {
					lat:this.addressInfo.lat,
					lng:this.addressInfo.lng,
					order_id:this.currentOrder.id,
					address:this.addressInfo.address,
					price:this.addressInfo.n_price,
					diff:this.addressInfo.price
				}
				if(this.addressInfo.priceType==1){
					uni.navigateTo({
						url: `/subpages/pay/pay?type=addressChange&params=${encodeURIComponent(JSON.stringify(params))}`
					})
				}else{
					this.rq.getData('order/pay',params).then(res=>{
						uni.showToast({
							title:'修改成功~',
							icon:'none'
						})
						this.getList()
						this.showAddress = false
					}).catch(err=>{
						this.showAddress = false
					})
				}
			},
			chooseAddress(){
				let _this = this
				uni.chooseLocation({
					success: async (res) => {
						_this.addressInfo.lat = res.latitude
						_this.addressInfo.lng = res.longitude
						_this.addressInfo.address = res.name

						_this.rq.getData('order/distance',{
							start_lat:_this.currentOrder.daren_lat,
							start_lng:_this.currentOrder.daren_lng,
							end_lat:res.latitude,
							end_lng:res.longitude,
							city:_this.currentOrder.city_id
						}).then(res=>{
							let o_price = _this.currentOrder.address_price*100
							let n_price = res.data.price*100
							_this.addressInfo.n_price = res.data.price
							if(n_price>o_price){
								_this.addressInfo.priceType = 1
								_this.addressInfo.price = (n_price - o_price)/100
							}
							if(n_price<o_price){
								_this.addressInfo.priceType = 2
								_this.addressInfo.price = (o_price - n_price)/100
							}
						}).catch(err=>{})
						
						const {data} = await this.rq.getData('daren/getAddress',{lat:res.latitude,lng:res.longitude})
						_this.$set(_this.addressInfo,'city',data.pois[0].ad_info.province+data.pois[0].ad_info.city+data.pois[0].ad_info.district)
						console.log(_this.addressInfo)
					},
					fail: (res) => {
						console.log(res)
					}
				})
			},
			selectTab(index) {
				this.isSelected = index;
			},
			search() {
				console.log('搜索');
				this.getData()
			},
			click(e) {
				// console.log(e);
				this.statusArr=e.array
				this.page=1
				this.getList()
			},
			handleOrderDetail(item) {
				this.orderId = item.id
				item.listType = 'user'
				this.orderInfo = item
				this.orderStatus = item.status
				if (item.type == 0) {
					this.showOrderDetail = true
				} else if (item.type == 1) {
					this.showOrderDetail1 = true
				}
			},
			commentOrder(order) {
				// console.log('评价订单', order);
				uni.navigateTo({
					url: '/subpages/myOrder/commentOrder?type=2&id=' + order.id
				})
			},
			handleCode(order) {
				console.log('核销订单', order);
				uni.navigateTo({
					url: '/subpages/myOrder/code?id=' + order.id+'&code='+order.code
				})
			},
			cancelOrder(order) {
				
				this.cancelInfo=order
				if (order.status == 0 || order.status == 1 || order.status == 2) {
					this.showTip2 = true
				} else {
					this.showTip1 = true
				}
				// 取消订单逻辑
				console.log('取消订单:', order);
			},
			payOrder(order) {
				
				this.payInfo=order
				this.showService = true
			
			},
			// 确认取消订单提示
			confirmTip1() {
				var that=this
				this.showTip1 = false
				this.showTip2 = false
				this.rq.getData("order/cancel",{order_id:this.cancelInfo.id}).then(res=>{
					that.getData()
				})
			},
			// 确认取消订单提示
			confirmTip2() {
				var that=this
				this.showTip1 = false
				this.showTip2 = false
				this.rq.getData("order/cancel",{order_id:this.cancelInfo.id}).then(res=>{
					that.getData()
				})
			},
			openService() {
				this.showService = true
			},
			openQuan() {
				this.showQuan = true
			},
			chooseQuan() {
				this.showQuan = true
			},
			chooseService(item) {
				this.showService = true
			},
			chooseService2(item) {
				this.rq.getData("daren/service",{type:1,daren_id:item.daren_id}).then(res=>{
					this.serviceList=res.data
				})
				this.zhuijiaInfo=item
				this.zhuijiaMoney=0
				this.showService2 = true
			},
			makeZhuijiaMoney(){
				var serviceList=this.serviceList
				var m=0;
				for(var item of serviceList){
					if(item['times'] &&item['times']>0 ){
						m=m+(item['price']*item['times'])
					}
				}
				this.zhuijiaMoney=m
			},
			confirmQuan() {
				this.showQuan = false
				this.selectedQuanItem = this.quanItem
				console.log(this.selectedQuanItem);
			},
			selectQuanItem(item) {
				this.quanItem = item;
				this.quanList.forEach(quan => {
					quan.selected = false;
				});
				item.selected = true;
				console.log(this.quanItem);
				console.log(item);
			},
			selectServiceItem(item) {
				const index = this.selectedServiceList.findIndex(selected => selected.name === item.name);
				if (index > -1) {
					// 如果已存在，从selectedServiceList数组中移除该项
					this.selectedServiceList.splice(index, 1);
					item.selected = false;
				} else {
					// 如果不存在，添加到selectedServiceList数组，并设置为选中状态
					this.selectedServiceList.push(item);
					item.selected = true;
				}
				console.log(this.serviceList);
				console.log(item);
			},
			removeSelectedService(selectedItem) {
				// 从selectedServiceList数组中移除当前点击要删除的服务项
				const index = this.selectedServiceList.indexOf(selectedItem);
				if (index > -1) {
					this.selectedServiceList.splice(index, 1);
				}
				// 在serviceList中找到对应的服务项，并将其选中状态重置为false
				const correspondingItem = this.serviceList.find(service => service.name === selectedItem.name);
				if (correspondingItem) {
					correspondingItem.selected = false;
				}
			},
			toPay() {
				uni.navigateTo({
					url: '/subpages/pay/pay?money=' + this.payInfo.real_price+'&type=order&id='+this.payInfo.id
				})
			},
			toPay2() {
				/* ifdef H5*/
				var platform='h5'
				/* endif*/
				/* ifdef MP-WEIXIN*/
				var platform='wechat'
				/* endif*/
				/* ifdef APP-PLUS*/
				var platform='app'
				/* endif*/
				var pay_json=[];
				var serviceList=this.serviceList
				var m=0;
				for(var item of serviceList){
					if(item['times'] &&item['times']>0 ){
						m=m+(item['price']*item['times'])
						pay_json.push({id:item["id"],times:item['times'],price:item['price']})
					}
				}
				if(m==0){
					uni.showToast({
						title: '请选择服务项目',
						icon: 'none',
						duration: 2000
					});
					return ;
				}
				
				var data={	
						pid:this.zhuijiaInfo.id,
						pay_type:"",
						play_json:pay_json,
						platform:platform
					};
				if (uni.getStorageSync('openid')) {
					data.openid = uni.getStorageSync('openid');
				}
				this.rq.getData('order/prepay',data).then(res=>{
					  uni.navigateTo({
						url: '/subpages/pay/pay?money=' + this.zhuijiaMoney+'&type=order&id='+res.data.order.id
					  })
				})
			
			},
			reset() {
				
				this.selectedServiceList=[];
				var numVales = this.serviceList;

				for (var i in this.serviceList) {
					this.serviceList[i]['times'] = 0;
					this.serviceList[i]['selected'] = false;
				}
				this.makeZhuijiaMoney()
				console.log('清空重置');
			},
			delGuanggao() {
				this.isGuanggao = false
			},
			deletePic1(event) {
				console.log(event,"event")
				this.fileList2.splice(event.index, 1)
			},
			// 新增图片
			afterRead1(event) {
				uni.showLoading({
					mask: true,
					title: '正在上传'
				})
				var _this=this
				var app=getApp()
				for (let i = 0; i < event.file.length; i++) {
					app.uploadFile([event.file[i].url], {}, (url) => {
						console.log(url)
						_this.fileList2.push({url:url})
						uni.hideLoading()
					})
					// this.fileList2.push(
					// 	event.file[i]
					// )
				}
			},
			chooseDaren(item){
				var that=this
				if(!this.darenSelectedInfo){
					uni.showToast({
						title:"请选择达人"
					})
				}
				this.showUserModel=false
				
			this.rq.getData('order/chooseDaren',{order_id:item.id,daren_id:this.darenSelectedInfo.daren_id}).then(res=>{
				// that.darenSelectedID=0;
				// that.orderUserInfo=[];
				// uni.showToast({
				// 	title:res.msg,
				// 	icon:'success'
				// })
				// that.getData()
				uni.navigateTo({
					url: '/subpages/pay/pay?money=' + this.darenSelectedInfo.addressPrice+'&type=address&id='+item.id
				})
				
			})
		// uni.navigateTo({
		// 		url: '/subpages/pay/pay?money=' + this.darenSelectedInfo.addressPrice+'&type=order_address&id='+item.id+'&daren_id='+this.darenSelectedInfo.daren_id
		// })
				
				
			},
			chooseTalent(item){
				
				console.log("this is parent chooseTalent")
				this.showOrderDetail=false
				this.showOrderDetail1=false
				this.showUserList(item)
			},
			toPayAddress(item){
				
				this.rq.getData('order/getAddressPrice',{order_id:item.id,daren_id:item.daren_id}).then(res=>{
					
					uni.navigateTo({
						url: '/subpages/pay/pay?money=' + res.data+'&type=address&id='+item.id
					})
					
				})
			}
			// toPayAddress(item) {
			// 	var userList=item.userList
			// 	var address_price=0
			// 	for(var value of userList){
			// 		if(value.id == item.daren_id){
			// 			address_price=value.addressPrice
			// 			break;
			// 		}
			// 	}
			// 	uni.navigateTo({
			// 		url: '/subpages/pay/pay?money=' + address_price+'&type=address&id='+item.id
			// 	})
			// },
			
		}
	};
</script>

<style lang="scss">
	.container {
		padding: 20rpx 30rpx 60rpx;
		position: relative;
	}

	.order-content {
		height: 800rpx;
		padding-bottom: 200rpx;
		overflow-y: scroll;
		background: #f3f3f3;
		border-radius: 10px;

		.content-item {
			display: flex;
			align-items: center;
			flex-direction: row;
			background-color: #ffffff;
			margin: 20rpx auto;
			width: 93.6%;
			overflow: hidden;
			border-radius: 8px;
			padding: 20rpx;



			image {
				width: 45px;
				height: 45px;
			}

			.item1 {
				display: flex;
				flex-direction: column;
				padding: 20rpx 40rpx;

				.name {
					font-family: 阿里巴巴普惠体 2.0;
					font-size: 16px;
					font-weight: normal;
					line-height: 16px;
					letter-spacing: 0px;
					color: #333333;
					margin-bottom: 20rpx;
				}

				.text1 {
					/* 最低299元/小时 */
					font-family: 阿里巴巴普惠体 2.0;
					font-weight: 500;
					font-size: 13px;
					color: #FF5866;
					display: flex;
					align-items: center;

					.text11 {
						width: 50%;
						font-family: 阿里巴巴普惠体 2.0;
						font-weight: 400;
						font-size: 12px;
						color: #999999;
						overflow: hidden;
						text-overflow: ellipsis;
						white-space: nowrap;
						margin-left: 15rpx;
					}
				}
			}

			.item2 {
				display: flex;
				padding: 20rpx 40rpx;

				.text2 {
					font-family: 阿里巴巴普惠体 2.0;
					font-weight: 500;
					font-size: 12px;
					color: #313232;

					.input {
						font-family: PingFang SC;
						font-size: 18px;
						font-weight: normal;
						line-height: 18px;
						letter-spacing: 0px;
						font-variation-settings: "opsz" auto;
						color: #000000;
						width: 80rpx;
						text-align: center;
					}

					.minus {
						width: 19px;
						height: 19px;
						opacity: 1;
						background: #FFFFFF;
						box-sizing: border-box;
						border: 1px solid #FF7681;
						border-radius: 50%;
						display: flex;
						align-items: center;
						justify-content: center;
						
						&.disabled{
							border: 1px solid #f6f6f6;
							display: none;
						}
					}

					.plus {
						width: 19px;
						height: 19px;
						opacity: 1;
						background: #FF7681;
						box-sizing: border-box;
						border: 1px solid #FF7681;
						border-radius: 50%;
						display: flex;
						align-items: center;
						justify-content: center;
						
						&.disabled{
							background: #fff;
							border: 1px solid #f6f6f6;
							display: none;
						}
					}
				}
			}

			.item3 {
				display: flex;
				align-items: center;
				justify-content: center;

				.btn {
					width: 90%;
					height: 30px;
					border-radius: 102px;
					opacity: 1;

					background: #F6F6F6;

					border: 1px solid #F6F6F6;
					font-family: PingFang SC;
					font-size: 15px;
					font-weight: normal;
					line-height: 15px;
					text-align: center;
					letter-spacing: 0px;

					color: #333333;
					display: flex;
					align-items: center;
					justify-content: center;
				}
			}
		}

		.content1 {
			position: absolute;
			bottom: 50px;
			display: flex;
			flex-direction: column;
			margin: 20rpx auto;
			width: 100%;
			overflow: hidden;
			border-radius: 8px;
			padding: 20rpx 0;
			align-items: center;
			justify-content: center;

			.pop-bg-1 {
				// width: 260px;
				height: 320px;
				border-radius: 8px;
				opacity: 1;
				background: #FFFFFF;
				font-family: PingFang SC;
				font-size: 16px;
				font-weight: normal;
				line-height: 14px;
				letter-spacing: 0px;
				color: #333333;
				padding: 40rpx;

				.title {
					display: flex;
					align-items: center;
					justify-content: center;
					font-family: 阿里巴巴普惠体 2.0;
					font-size: 16px;
					font-weight: 500;
					// line-height: 16px;
					letter-spacing: 0px;
					margin-top: 0rpx;
					color: #212121;
				}

				.bg {
					height: 270px;
					margin: 40rpx 0;
					overflow-y: scroll;

					.img {
						width: 335px;
						height: 97px;
						margin-bottom: 20rpx;
					}

					.bg-quan {
						display: flex;
						align-items: center;
						font-family: 阿里巴巴普惠体 2.0;
						font-size: 72px;
						font-weight: 800;
						letter-spacing: 0px;
						color: #FF204A;
						z-index: auto;
						position: relative;
						height: 194rpx;
						// width: 335px;
						margin: 20rpx auto;
						background: url('https://pw.qyang.cc/static/quan-bg.png') center no-repeat;
						background-size: 100%;
					
						.text {
							font-family: 阿里巴巴普惠体 2.0;
							font-size: 22rpx;
							font-weight: 600;
							line-height: 22rpx;
							color: #212121;
							text-align: center;
							width: 400rpx;
						}
					
						.text2 {
							font-family: 阿里巴巴普惠体 2.0;
							font-size: 24rpx;
							font-weight: normal;
							line-height: 24rpx;
							margin-top: 32rpx;
							display: block;
							letter-spacing: 0px;
							color: #666666;
						}
					
						.price {
							font-family: 阿里巴巴普惠体 2.0;
							font-weight: 500;
							font-size: 72rpx;
							width: 184rpx;
							text-align: center;
							white-space: nowrap;
						}
					
						.text1 {
							font-family: 阿里巴巴普惠体 2.0;
							font-size: 11px;
							font-weight: normal;
							line-height: 11px;
							letter-spacing: 0px;
							color: #FF5866;
						}
					
						.btn-img1 {
							width: 20px;
							height: 20px;
							position: absolute;
							right: 24px;
						}
					}
				}

				.bg-null {
					display: flex;
					flex-direction: column;
					align-items: center;
					justify-content: center;

					.null-img {
						width: 48px;
						height: 48px;
					}

					.null-text {
						font-family: 阿里巴巴普惠体 2.0;
						font-size: 13px;
						font-weight: normal;
						line-height: 14px;
						letter-spacing: 0px;

						color: #D1D1D6;
					}
				}

				.btn {
					position: absolute;
					bottom: 0;
					left: 40rpx;
					right: 40rpx;
				
					.confirm {
						width: 100%;
						height: 37px;
						border-radius: 102px;
						opacity: 1;
						background: #FF5866;
						border: 1px solid #FF5866;
						color: #fff;
						display: flex;
						align-items: center;
						justify-content: center;
						margin: 20rpx 0;
					}
				}
			}

			.quan {
				width: 327px;
				height: 39px;
				border-radius: 4px;
				opacity: 1;

				background: #FFF3F6;

				box-sizing: border-box;
				border: 1px solid #FFB8BE;

				font-family: PingFang SC;
				font-size: 14px;
				font-weight: normal;
				line-height: 15px;
				letter-spacing: 0px;

				color: #FF7681;
				display: flex;
				align-items: center;

				.name {
					padding: 10rpx 20rpx;
				}

				.right {
					position: absolute;
					right: 0;
					display: flex;
					align-items: center;

					.money {
						margin: 20rpx;
					}

					.right-btn {

						margin-right: 80rpx;
					}
				}

			}
		}

		.guanggao {
			width: 100%;
			height: 180rpx;
			background: #bbb1b1;

			.del {
				width: 15px;
				height: 15px;
				position: absolute;
				right: 0;
			}
		}

		.bottom {
			position: fixed;
			bottom: 0;
			left: 0;
			width: 100%;
			background-color: #ffffff;
			z-index: 1;

			display: flex;
			align-items: center;

			.text {
				margin: 0 40rpx;
				width: 10%;
				height: 88rpx;
				text-align: center;
				font-family: 阿里巴巴普惠体 2.0;
				font-size: 10px;
				font-weight: normal;
				line-height: 18px;
				letter-spacing: 0px;
				display: flex;
				flex-direction: column;
				align-items: center;
				justify-content: center;
				color: #666666;

				image {
					width: 21px;
					height: 21px;
				}
			}

			.btn {
				font-weight: bold;
				font-size: 28rpx;
				color: #FFFFFF;
				line-height: 38rpx;
				text-align: center;
				line-height: 88rpx;
				margin: 15rpx 20rpx;
				background: #FF5866;
				border-radius: 102px;
				border: 1px solid #FF5866;
				width: 100%;
			}
		}

		.bottom .text {
			font-family: 阿里巴巴普惠体 2.0;
			font-size: 13px;
			font-weight: normal;
			line-height: 13px;
			letter-spacing: 0px;

			color: #333333;
		}
	}

	.pop-bg {
		min-height: 300rpx;
		// width: 260px;
		border-radius: 8px;
		opacity: 1;
		background: #F7F7F7;
		font-family: PingFang SC;
		font-size: 16px;
		font-weight: normal;
		line-height: 14px;
		letter-spacing: 0px;
		color: #333333;
		background: #fff;
		padding-bottom: 40rpx;
		text-align: center;

		.btn {
			width: 100%;
			display: flex;
			align-items: center;
			justify-content: space-between;
			text-align: center;
			padding: 0 50rpx;
			box-sizing: border-box;
			height: 118rpx;
			box-shadow: 0rpx 0rpx 8rpx 0rpx rgba(0, 0, 0, 0.1);
						
			.confirmAddress,.cancelAddress{
				width: 266rpx;
				height: 74rpx;
				border-radius: 74rpx;
				opacity: 1;
				background: #FF5866;
			
				border: 2rpx solid #FF5866;
				color: #ffffff;
				display: flex;
				align-items: center;
				justify-content: center;
			}
			.cancelAddress{
				background: #F7F7F7;
				border: 2rpx solid #F7F7F7;
				color: #333333;
			}
		}
		.title {
				padding: 36rpx 0;
				display: flex;
				align-items: center;
				justify-content: center;
				font-size: 30rpx;
				font-weight: 500;
				margin-bottom: 34rpx;
				
			}	
		
		.bg {
			display: flex;
			flex-direction: column;
			align-items: flex-start;
			padding: 0 40rpx;
			
			.address_title{
				font-size: 30rpx;
				line-height: 30rpx;
				margin-bottom: 24rpx;
				padding-left: 14rpx;
				text-align: left;
				width: 100%;
			}
			.address_con{
				width: 100%;
				border-radius: 16rpx;
				background: #F6F6F6;
				padding: 20rpx 20rpx 22rpx 25rpx;
				box-sizing: border-box;
				.address_city{
					color:#333333;
					font-size: 28rpx;
					line-height: 28rpx;
					margin-bottom: 22rpx;
					display: flex;
					justify-content: space-between;
				}
				.address_text{
					display: flex;
					align-items: flex-start;
					font-size: 26rpx;
					color: #999999;
					text-align: left;
				}
			}
			
			.address_money{
				height: 94rpx;
				line-height: 94rpx;
				text-align: left;
				color: #FF5866;
				font-size: 24rpx;
				padding-left: 14rpx;
			}
		}
	}

	.pop-content-detail {
		width: 100%;
		height: 80vh;
		overflow-y: scroll;
		padding: 0 0 60rpx 0;
		font-family: PingFang SC;
		font-size: 15px;
		font-weight: normal;
		line-height: 15px;
		letter-spacing: 0px;
		background-color: #F7F7F7;

		.content-title {
			text-align: center;
			width: 100%;
			height: 100rpx;
			background: #fff;
			margin: 0;
			padding: 0;
			line-height: 100rpx;
		}

		.content-detail {
			// padding: 40rpx 0;
		}
	}

	.orderList {
		margin-bottom: 30rpx;
		border-radius: 10px;
		background-color: #ffffff;
		width: 100%;
		// height: 686rpx;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		position: relative;

		.con5 {
			margin: 0 auto 30rpx;
			width: 315px;

			.con5-1 {
				width: 315px;
				height: 25px;
				border-radius: 7px;
				opacity: 1;

				background: #00BC56;
				font-family: 阿里巴巴普惠体 2.0;
				font-size: 13px;
				font-weight: normal;
				line-height: 12px;
				letter-spacing: 0px;

				color: #FFFFFF;
				text-align: center;
				display: flex;
				align-items: center;
				justify-content: center;

				image {
					width: 28rpx;
					height: 28rpx;
					margin-right: 20rpx;
				}
			}

			.con5-11 {
				background: #FF5866;
			}

			.con5-2 {
				font-family: 阿里巴巴普惠体 2.0;
				font-size: 13px;
				font-weight: normal;
				line-height: 12px;
				letter-spacing: 0px;
				text-align: center;
				color: #FF7681;
				margin-top: 20rpx;
			}
		}

		.con4 {
			display: flex;
			align-items: center;
			justify-content: flex-end;
			margin: -10rpx auto 30rpx;
			padding-top: 10rpx;
			width: 315px;

			.con4-image {
				width: 40rpx;
				height: 40rpx;
				margin-left: 20rpx;
			}

			.con4-btn1 {
				background: #FF5866 !important;
				color: white !important;
			}

			.con4-btn {
				width: 75px;
				height: 48rpx;
				border-radius: 102px;
				opacity: 1;
				background: #F7F7F7;
				border: 1px solid #F7F7F7;
				font-family: 阿里巴巴普惠体 2.0;
				font-size: 12px;
				font-weight: normal;
				line-height: 12px;
				text-align: center;
				letter-spacing: 0px;
				color: #333333;
				margin-left: 20rpx;
				display: flex;
				align-items: center;
				justify-content: center;
			}
		}

		.con3 {
			padding: 20rpx auto;

			/* 900元 */
			font-family: 阿里巴巴普惠体 2.0;
			font-weight: 500;
			font-size: 14px;

			color: #FF5866;
			margin: 20rpx 30rpx;
			display: flex;
			align-items: center;
			justify-content: space-between;
			width: 315px;

			.con3-tab {
				font-family: 阿里巴巴普惠体 2.0;
				font-size: 14px;
				font-weight: normal;
				line-height: 12px;
				text-align: center;
				letter-spacing: 0px;
				color: #00BC56;
				display: flex;
				align-items: center;

				.dian {
					width: 16rpx;
					height: 16rpx;
					opacity: 1;
					background: #00BC56;
					border-radius: 50%;
					margin-right: 10rpx;
				}
			}

			.con3-text {
				font-size: 12px;
				font-weight: normal;
				line-height: 14px;
				letter-spacing: 0px;
				margin: 0 10rpx;
				color: #999999;

				.money {
					color: #333333;
					margin: 0 10rpx;
				}

			}
		}

		.con1 {
			// width: 315px;
			// height: 42.62%;
			border-radius: 8px;
			opacity: 1;

			background: #FFF6F9;
			font-family: 阿里巴巴普惠体 2.0;
			font-size: 13px;
			font-weight: normal;
			line-height: 12px;
			letter-spacing: 0px;

			color: #333333;
			padding: 20rpx;
			margin: 0 30rpx;
			box-sizing: border-box;
			width: 630rpx;
			image {
				width: 12px;
				height: 12px;
				margin-right: 20rpx;
			}

			.con1-item {
				height: 40rpx;
				display: flex;
				align-items: center;
				margin-bottom: 10rpx;
				
				&:last-child{
					margin-bottom: 0;
				}
				span{
					
					// width: 600rpx;
					font-size: 26rpx;
					line-height: 26rpx;
					flex: 1;
					display: block;
					white-space: nowrap; /* 防止文本换行 */
					overflow: hidden; /* 隐藏溢出的内容 */
					text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
				}
			}
		}

		.con2 {
			display: flex;
			align-items: center;
			padding: 20rpx 0;

			.l1 {
				width: 100%;
				font-family: 阿里巴巴普惠体 2.0;
				font-size: 16px;
				font-weight: 500;
				line-height: 17px;
				letter-spacing: 0px;

				color: #000000;
				display: flex;
				align-items: center;
				position: relative;

				.l1-sex1 {
					display: flex;
					width: 42px;
					height: 16px;
					border-radius: 88px;
					opacity: 1;
					background: rgba(116, 220, 254, 0.2);
					margin-left: 20rpx;
					font-size: 11px;
					font-weight: 500;
					line-height: 16px;
					display: flex;
					align-items: center;
					justify-content: center;
					letter-spacing: 0px;
					color: #2BC1F1;

				}

				.l1-sex2 {
					display: flex;
					width: 42px;
					height: 16px;
					border-radius: 88px;
					opacity: 1;
					margin-left: 20rpx;
					background: rgba(253, 168, 175, 0.2);

					font-size: 11px;
					font-weight: 500;
					line-height: 16px;
					display: flex;
					align-items: center;
					justify-content: center;
					letter-spacing: 0px;
					color: #FDA8AF;

				}
			}
		}

		.status {
			position: absolute;
			right: 0;
			width: 54.64px;
			height: 24.72px;
			border-radius: 0px 8px 0px 8px;
			opacity: 1;
			font-size: 13px;
			font-weight: 500;
			line-height: 12px;
			text-align: center;
			letter-spacing: 0px;
			color: #FFFFFF;
			display: flex;
			align-items: center;
			justify-content: center;

			.status0 {
				background: #FF7681;
			}

			.status1 {
				background: #FFB72B;
			}

			.status2 {
				background: #84E28C;
			}

			.status3 {
				background: #84E28C;
			}

			.status4 {
				background: #75D4F9;
			}

			.status5 {
				background: #AE9CFE;
			}

			.status6 {
				background: #D1D1D6;
			}
		}
	}

	.header {
		width: 100%;
		height: auto;
		display: table;
		position: fixed;
		top: 0px;
		left: 0px;
		z-index: 10;
		background-color: #ffffff;
	
		.header-back {
			margin-right: 10rpx;
			margin-left: 10rpx;
			height: 36.36%;
			line-height: 13px;
		}
	
		.navon {
			width: 100%;
			height: auto;
			position: absolute;
			top: 0px;
			left: 0px;
			box-sizing: border-box;
			font-weight: 500;
			font-size: 36rpx;
			display: flex;
			align-items: center;
	
			.search-input {
				width: 450rpx;
				height: 70%;
				border-radius: 99px;
				opacity: 1;
				background: #F5F6FA;
				font-size: 13px;
				font-weight: normal;
				line-height: 13px;
				letter-spacing: 0px;
	
				color: #999999;
	
				box-sizing: border-box;
				display: flex;
				align-items: center;
				justify-content: space-between;
				font-size: 30rpx;
				padding: 0 20rpx;
	
				input {
					padding-left: 10rpx;
					color: gray;
					font-size: 28rpx;
				}
			}
	
		}
	
	}

	.tab {
		position: relative;
		background-color: #ffffff;
	}

		
		.userConView{width: 100%; height: 160rpx; padding-top: 10rpx;  }
		.userAvatarView{width: 156rpx;height: 148rpx;border-radius:15rpx;margin: 0 20rpx; transform: skewX(-5deg); overflow: hidden; float: left}
		.userAvatarView>image{
			width: 180rpx;height: 180rpx; transform: skewX(8deg); margin-left: -8rpx;
		}
		.cmkg>span{
			font-size: 24rpx;
			color: #999999;
			margin-right: 25rpx;
			line-height: 45rpx;
		
		}
		.userConBottom{display: flex;   align-items: center; color: #999999; margin-left: 20rpx;}
		.userConBottom>view{
			height: 50rpx;
			line-height: 50rpx;
			font-size: 24rpx;
			margin-right: 30rpx;
			overflow: hidden;
			
		}
		.userCon{
			background-image: url('https://pw.qyang.cc/static/bg-xie.png'); background-size: 100% 100%; background-repeat: no-repeat; width: 690rpx; margin-left: auto; margin-right: auto;
		}
		
		.userConChickedImgae{
			width: 40rpx;height: 40rpx;margin-right: 35rpx;
		}
		.wh20mr10{
			width: 20rpx;height: 20rpx; margin-right: 10rpx;
		}
		.fixed-big-button{
			width: 700rpx;
			height: 90rpx;
			border-radius: 102px;
			opacity: 1;
			background: #FF5866;
			color: #FFF;
			font-size: 30rpx;
			line-height: 90rpx;
			position: fixed;
			bottom: 30rpx;
			left: 25rpx;
		}
		
		
		
		
		.pop-bg-2 {
			width: 606rpx;
			// height: 403rpx;
			border-radius: 8px;
			opacity: 1;
			background: #FFFFFF;
			font-family: PingFang SC;
			font-size: 16px;
			font-weight: normal;
			line-height: 14px;
			letter-spacing: 0px;
			color: #333333;
			padding: 40rpx;
			box-sizing: border-box;
			display: flex;
			flex-direction: column;
			text-align: center;
			
			justify-content: center;
			.btn {
				width: 100%;
				display: flex;
				align-items: center;
				justify-content: center;
				text-align: center;
				.cancel {
					width: 98px;
					height: 34px;
					border-radius: 102px;
					opacity: 1;
				
					background: #F7F7F7;
				
					border: 1px solid #F7F7F7;
					color: #333333;
					display: flex;
					align-items: center;
					justify-content: center;
					margin-right: 40rpx;
				}
				
				.confirm {
					width: 98px;
					height: 34px;
					border-radius: 102px;
					opacity: 1;
				
					background: #FF5866;
				
					border: 1px solid #FF5866;
					color: #ffffff;
					display: flex;
					align-items: center;
					justify-content: center;
				}
				
				.confirmAddress{
					width: 400rpx;
					height: 34px;
					border-radius: 102px;
					opacity: 1;
					margin-left: auto;
					margin-right: auto;
					background: #FF5866;
				
					border: 1px solid #FF5866;
					color: #ffffff;
					display: flex;
					align-items: center;
					justify-content: center;
				}
			}
			.title {
					height: 20rpx;
					display: flex;
					align-items: center;
					justify-content: center;
					font-size: 16px;
					font-weight: 500;
					letter-spacing: 0px;
					margin-top: 0rpx;
					margin-bottom: 10rpx;
					
				}
			.text {
				font-family: PingFang SC;
				font-size: 16px;
				font-weight: normal;
				line-height: 35px;
				text-align: center;
				letter-spacing: 0px;
				color: #000000;
				margin: 40rpx 0;
			}
			
		
			.btn {
				display: flex;
				align-items: center;
				justify-content: center;
		
				.cancel {
					width: 98px;
					height: 34px;
					border-radius: 102px;
					opacity: 1;
					background: #F7F7F7;
					border: 1px solid #F7F7F7;
					color: #333333;
					display: flex;
					align-items: center;
					justify-content: center;
				}
		
				.confirm {
					width: 98px;
					height: 34px;
					border-radius: 102px;
					opacity: 1;
					background: #FF5866;
					border: 1px solid #FF5866;
					color: #ffffff;
					display: flex;
					align-items: center;
					justify-content: center;
					margin-right: 40rpx;
				}
			}
			
			
			
			.bg {
				min-height: 270px;
				margin: 40rpx 0;
				overflow-y: scroll;
			
				.img {
					width: 335px;
					height: 97px;
					margin-bottom: 20rpx;
				}
			
				.bg-address {
					align-items: center;
					font-size: 26rpx;
					font-weight: 800;
					letter-spacing: 0px;
					color: #FF204A;
					z-index: auto;
					position: relative;
					height: 97px;
					width: 650rpx;
					margin: 20rpx auto;
					background-color: #fff;
					background-size: 100%;
					padding-top: 5rpx;
					padding-left: 20rpx;
					padding-right: 10rpx;
					text-align: left;
					border-radius: 16rpx;
					.text {
						font-size: 30rpx;
						font-weight: 600;
						line-height: 30rpx;
						letter-spacing: 0px;
						color: #212121;
						text-align: left;
					}
					.text1 {
						font-size: 24rpx;
						font-weight: 600;
						line-height: 24rpx;
						letter-spacing: 0px;
						color: #212121;
						text-align: left;
					}
			
					
				}
			}
			
			.bg-null {
				display: flex;
				width: 100%;
				flex-direction: column;
				align-items: center;
				justify-content: center;
				margin-top: 100rpx;
				.null-img {
					width: 48px;
					height: 48px;
				}
			
				.null-text {
					font-size: 13px;
					font-weight: normal;
					line-height: 14px;
					letter-spacing: 0px;
			
					color: #D1D1D6;
				}
			}
			
		}
		
		.l1-sex1 {
			display: flex;
			width: 42px;
			height: 16px;
			border-radius: 88px;
			opacity: 1;
			background: rgba(116, 220, 254, 0.2);
			margin-left: 20rpx;
			font-size: 11px;
			font-weight: 500;
			line-height: 16px;
			display: flex;
			align-items: center;
			justify-content: center;
			letter-spacing: 0px;
			color: #2BC1F1;
		
		}
		
		.l1-sex2 {
			display: flex;
			width: 42px;
			height: 16px;
			border-radius: 88px;
			opacity: 1;
			margin-left: 20rpx;
			background: rgba(253, 168, 175, 0.2);
		
			font-size: 11px;
			font-weight: 500;
			line-height: 16px;
			display: flex;
			align-items: center;
			justify-content: center;
			letter-spacing: 0px;
			color: #FDA8AF;
		
		}
		.confirmArrive {
			height: 660rpx;
			z-index: 9999;
		}
		.upImage {
			padding: 15rpx 25rpx;
		
			.btn {
				width: 160rpx;
				height: 160rpx;
				border-radius: 8px;
				opacity: 1;
				background: #F7F7F7;
				box-sizing: border-box;
				border: 0.5px solid #C4C4C4;
				display: flex;
				flex-direction: column;
				align-items: center;
				justify-content: center;
				font-size: 10px;
				font-weight: normal;
				line-height: 14px;
				letter-spacing: 0px;
		
				color: #B8B8B8;
		
				image {
					width: 40rpx;
					height: 40rpx;
					margin-bottom: 20rpx;
				}
			}
		}
		.confirm {
			text-align: center;
			font-size: 30rpx;
			margin: 30rpx 0;
		
		}
		.myaddress {
			display: flex;
			justify-content: space-between;
			font-size: 28rpx;
			margin: 20rpx 0;
		}
		.popBtn{
			width: 100%;
			height: 120rpx;
			display: flex;
			justify-content: space-around;
			align-items: center;
			box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
			position: absolute;
			bottom: 80rpx;
		}
		.cancelBtn {
			width: 266rpx;
			height: 74rpx;
			line-height: 72rpx;
			text-align: center;
			background: #F7F7F7;
			border: 2rpx solid #F7F7F7;
			border-radius: 200rpx;
		}
		
		.confirmBtn {
			width: 266rpx;
			height: 74rpx;
			line-height: 72rpx;
			text-align: center;
			background: #FF5866;
			border: 2rpx solid #FF5866;
			border-radius: 200rpx;
			color: #fff;
		}
		.location {
			display: flex;
			justify-content: space-between;
			margin-top: 36rpx;
		}
</style>